<template>
  <div class="mine">
    <Header title="我" />
    <div class="container">
      <InfoCell :userInfo="user" />
      <div class="btn_wrap">
        <YButton @click="loginOut">退出登录</YButton>

      </div>
    </div>
  </div>
</template>
<script>
import Header from "./../components/Header";
import InfoCell from "./../components/InfoCell";
import YButton from "./../components/YButton";
export default {
  name: "me",
  components: { Header, InfoCell, YButton },
  computed: {
    user() {
      return this.$store.getters.user;
    }
  },
  data() {
    return {};
  },
  methods: {
      loginOut(){
          localStorage.removeItem('wxToken')
          this.$router.push('/login')
      }
  }
};
</script>
<style scoped>
.mine {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.container {
  width: 100%;
  height: calc(100% - 50px);
  margin-top: 50px;
  box-sizing: border-box;
  padding: 16px 0;
  background-color: #f1f1f1;
}

</style>
